body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
body,button,input,select,textarea{font:12px/1.5 "Microsoft YaHei","微软雅黑",arial,simsun,"宋体";}
h1,h2,h3,h4,h5,h6{font-size:100%;}
address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
small{font-size:12px;}
ul,ol{list-style:none;}
A:link {text-decoration: none }
A:visited { text-decoration: none }
A:hover { text-decoration: none }
A:active { text-decoration: none }
fieldset,img{border:0;margin:0;padding:0;}
button,input,select,textarea{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
html { overflow-y: scroll; }
body{ background:#fff; min-width:1260px;}
.index{ background:#fff;}
/*
 *  公共头
 */

.header{ width:100%;background:#fff; position:relative;}
.header .top{ background:#f2f2f2; height:40px;box-shadow:1px 1px 5px rgba(224,224,223,0.8);}
.header .top .inner{ width:1260px; margin:0 auto;}
.header .top .inner span{ font-size:14px; color:#333;}
.header .top .inner span.phone{ display:inline-block; height:26px; background:url(../img/phone.png) no-repeat left center; background-size:26px 26px; padding-left:30px; margin-top:7px; line-height:26px; margin-right:50px;}
.header .top .inner span.code{ display:inline-block; height:26px; background:url(../img/code.png) no-repeat left center; background-size:26px 26px; padding-left:30px; margin-top:7px; line-height:26px;}
.header .top .inner em{ font-style:normal; float:right; font-size:14px; color:#333; line-height:40px;}
.header .top .inner em b{ font-weight:normal; padding:0 5px;}

.header .midd{ background:#fff; padding:20px 0;}
.header .midd .inner{ width:1260px; margin:0 auto; height:140px;}
.header .midd .inner .logo{ float:left;}
.header .midd .inner .logo h2{ padding-bottom:15px;}
.header .midd .inner .logo h2 img{ display:block; line-height:0; height:70px;}
.header .midd .inner .logo p{ font-size:16px; color:#333; padding-bottom:10px;}
.header .midd .inner .search{ float:right; width:594px;}
.header .midd .inner .search h3{ font-weight:normal; margin-top:14px; padding-bottom:20px;}
.header .midd .inner .search h3 input[ type=text]{ display:inline-block; width:500px; height:48px; background:#e7e7e7; padding-left:14px; border:none; font-size:16px; color:#333;}
.header .midd .inner .search h3 input[ type=submit]{ display:inline-block; width:80px; height:48px; background:url(../img/search.png) no-repeat center center; background-size:100% 100%; border:none; text-indent:-9999em; float:right;}
.header .midd .inner .search p{ font-size:16px; color:#333; }
.header .midd .inner .search p a{ color:#333; display:inline-block;padding-bottom:10px;}

.header .subnav{ background:rgba(0,0,0,0.7); height:50px; position:absolute; bottom:-50px; z-index:999; width:100%;}
.header .subnav .inner{ width:1260px; margin:0 auto;}
.header .subnav .inner a{ display:inline-block; padding-right:130px; font-size:18px; color:#fff; line-height:50px;}
.header .subnav .inner a:last-child{ padding-right:0;}
/*banner*/
.swipePanel{ padding:0px; padding-bottom:0px; position:relative; width:100%;overflow:hidden;}
.swipePanel .swipe { overflow: hidden;}
.swipePanel .swipe img{ display:block; width:100%;}
.swipePanel .swipe ul { float: left; -webkit-transistion: left 800ms ease-in 0; -moz-transition: left 800ms ease-in 0; -o-transition: left 800ms ease-in 0; -ms-transition: left 800ms ease-in 0; transition: left 800ms ease-in 0; }
.swipePanel .swipe #pagenavi { position:absolute; width:100%; left:0; bottom:15px; text-align: center; }
.swipePanel .swipe #pagenavi a { width:14px; height:14px; line-height: 99em; background:rgba(100%,100%,100%,0.4); margin:0 5px; overflow: hidden; cursor: pointer; display: inline-block; border-radius:50%;}
.swipePanel .swipe #pagenavi a.active { background:#fff;}


.block01{background:#f2f2f2; padding:60px 0;}
.block01 .inner{ width:1260px; margin:0 auto;}
.block01 .inner>h2{font-size:22px; color:#333; width:560px; margin:0 auto; text-align:center; border-bottom:1px #333 solid; position:relative;}
.block01 .inner>h2 span{ display:inline-block; width:220px; height:30px; background:#f2f2f2; position:absolute; left:50%; margin-left:-110px; top:-15px; line-height:30px;}
.block01 .inner>p{ font-size:16px; color:#333; font-weight:bold; text-align:center; padding-top:20px;}
.block01 .inner .list{ margin-top:20px;}
.block01 .inner .list ul li{ padding:20px 0; border-bottom:1px #999 dashed; height:22px;}
.block01 .inner .list ul li a{font-size:18px; color:#333;}
.block01 .inner .list ul li a span{  width:900px; overflow:hidden; height:22px; line-height:22px; display:inline-block; white-space: nowrap;text-overflow: ellipsis;}
.block01 .inner .list ul li a time{ float:right;}
.block01 .inner .list .more{ margin-top:20px; text-align:right; font-size:18px; color:#999;}
.block01 .inner .list .more a{color:#999;}

.block02{background:#fff; padding:60px 0;}
.block02 .inner{ width:1260px; margin:0 auto;}
.block02 .inner h2{font-size:22px; color:#333; width:560px; margin:0 auto; text-align:center; border-bottom:1px #333 solid; position:relative;}
.block02 .inner h2 span{ display:inline-block; width:220px; height:30px; background:#fff; position:absolute; left:50%; margin-left:-110px; top:-15px; line-height:30px;}
.block02 .inner>p{ font-size:16px; color:#333; font-weight:bold; text-align:center; padding-top:20px;}
.block02 .inner .list{ margin-top:20px;}
.block02 .inner .list ul li{ padding:20px 0; border-bottom:1px #999 dashed;}
.block02 .inner .list ul li h3{ margin-bottom:20px;}
.block02 .inner .list ul li h3 span{ border-left:2px #008ee1 solid; display:inline-block; height:24px; font-size:18px; color:#333; padding-left:10px; line-height:24px;}
.block02 .inner .list ul li h3 a{ float:right; font-size:18px; color:#999;}
.block02 .inner .list ul li p{ font-size:14px;white-space: nowrap;text-overflow: ellipsis; width:1260px; height:18px; line-height:18px; overflow:hidden;}
.block02 .inner .list ul li p a{ color:#333;}
.block02 .inner .list ul li h4{ margin-bottom:22px;}
.block02 .inner .list ul li h4 span{ font-size:16px; color:#333; padding-right:15px;}
.block02 .inner .list ul li h4 span.on{ color:#008ee1;}

.block03{background:#f2f2f2; padding:60px 0;}
.block03 .inner{ width:1260px; margin:0 auto;}
.block03 .inner h2{font-size:22px; color:#333; width:560px; margin:0 auto; text-align:center; border-bottom:1px #333 solid; position:relative;}
.block03 .inner h2 span{ display:inline-block; width:220px; height:30px; background:#f2f2f2; position:absolute; left:50%; margin-left:-110px; top:-15px; line-height:30px;}
.block03 .inner>p{ font-size:16px; color:#333; font-weight:bold; text-align:center; padding:20px 0;}
.block03 .inner .list{ margin-top:20px;}
.block03 .inner .list h3{ margin-bottom:20px;}
.block03 .inner .list h3 span{ border-left:2px #008ee1 solid; display:inline-block; height:24px; font-size:18px; color:#333; padding-left:10px; line-height:24px;}
.block03 .inner .list h3 a{ float:right; font-size:18px; color:#999;}
.block03 .inner .list ul li{ width:460px; margin-right:340px; margin-bottom:30px; float:left;}
.block03 .inner .list ul li:nth-child(2n){ margin-right:0;}
.clear{ clear:both;}
.block03 .inner .list ul li a .pic{ width:120px; height:78px; float:left;}
.block03 .inner .list ul li a .pic img{ display:block;width:120px; height:78px;}
.block03 .inner .list ul li a .word{ height:78px; padding-left:130px; position:relative;}
.block03 .inner .list ul li a h4{ font-weight:normal; font-size:16px; color:#525252; line-height:24px; height:48px; overflow:hidden; }
.block03 .inner .list ul li a time{ position:absolute; bottom:0; font-size:12px; color:#9c9c9c; background:url(../img/time.png) no-repeat left center; background-size:14px 14px; display:inline-block; height:14px; line-height:14px; padding-left:18px;}

.block04{background:#fff; padding:60px 0;}
.block04 .inner{ width:1260px; margin:0 auto;}
.block04 .inner h2{font-size:22px; color:#333; width:560px; margin:0 auto; text-align:center; border-bottom:1px #333 solid; position:relative;}
.block04 .inner h2 span{ display:inline-block; width:220px; height:30px; background:#fff; position:absolute; left:50%; margin-left:-110px; top:-15px; line-height:30px;}
.block04 .inner>p{ font-size:16px; color:#333; font-weight:bold; text-align:center; padding:20px 0;}
.block04 .inner .list{ margin-top:20px;}
.block04 .inner .list h3{ margin-bottom:20px;}
.block04 .inner .list h3 span{ border-left:2px #008ee1 solid; display:inline-block; height:24px; font-size:18px; color:#333; padding-left:10px; line-height:24px;}
.block04 .inner .list h3 a{ float:right; font-size:18px; color:#999;}
.block04 .inner .list ul li{ width:460px; margin-right:340px; margin-bottom:30px; float:left;}
.block04 .inner .list ul li:nth-child(2n){ margin-right:0;}
.block04 .inner .list ul li a .pic{ width:120px; height:78px; float:left;}
.block04 .inner .list ul li a .pic img{ display:block;width:120px; height:78px;}
.block04 .inner .list ul li a .word{ height:78px; padding-left:130px; position:relative;}
.block04 .inner .list ul li a h4{ font-weight:normal; font-size:16px; color:#525252; line-height:24px; height:48px; overflow:hidden; }
.block04 .inner .list ul li a time{ position:absolute; bottom:0; font-size:12px; color:#9c9c9c; background:url(../img/time.png) no-repeat left center; background-size:14px 14px; display:inline-block; height:14px; line-height:14px; padding-left:18px;}

.block05{background:#fff; padding:60px 0;}
.block05 .inner{ width:1260px; margin:0 auto;}
.block05 .inner h2{font-size:22px; color:#333; width:560px; margin:0 auto; text-align:center; border-bottom:1px #333 solid; position:relative;}
.block05 .inner h2 span{ display:inline-block; width:220px; height:30px; background:#fff; position:absolute; left:50%; margin-left:-110px; top:-15px; line-height:30px;}
.block05 .inner>p{ font-size:16px; color:#333; font-weight:bold; text-align:center; padding:20px 0;}
.block05 .inner .list{ margin-top:20px;}
.block05 .inner .list h3{ margin-bottom:20px;}
.block05 .inner .list h3 span{ border-left:2px #008ee1 solid; display:inline-block; height:24px; font-size:18px; color:#333; padding-left:10px; line-height:24px;}
.block05 .inner .list h3 a{ float:right; font-size:18px; color:#999;}
.block05 .inner .list ul li{ width:280px; margin-right:210px; margin-bottom:30px; float:left;}
.block05 .inner .list ul li:nth-child(3n){ margin-right:0;}
.block05 .inner .list ul li a .pic{ width:120px; height:78px; float:left;}
.block05 .inner .list ul li a .pic img{ display:block;width:120px; height:78px;}
.block05 .inner .list ul li a .word{ height:78px; padding-left:130px; position:relative;}
.block05 .inner .list ul li a h4{ font-weight:normal; font-size:16px; color:#525252; line-height:26px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis; }
.block05 .inner .list .more{ text-align:right; font-size:18px; color:#999;}
.block05 .inner .list .more a{color:#999;}


.links{background:#f2f2f2; padding:60px 0;}
.links .inner{ border:1px #999999 solid; width:1198px; margin:0 auto; padding:30px 30px 0 30px;}
.links .inner p{ font-size:16px; color:#333; padding-bottom:30px;}
.links .inner p a{ color:#333; padding-right:5px}

.footer{ width:1260px; margin:0 auto; padding-top:40px; padding-bottom:30px;}
.footer .logo02{ margin-bottom:20px; height:70px;}
.footer .logo02 span{ padding-right:20px; float:left;}
.footer .logo02 span img{ display:inline-block; height:70px;}
.footer .logo02 b{ font-weight:normal; line-height:100px; font-size:16px; color:#333;}
.footer .bot{ position:relative;}
.footer .bot p{ font-size:16px; color:#333; padding:10px 0;}
.footer .bot span{ width:208px; height:208px; position:absolute; right:50px; top:-80px;}

.bulletwindow{ padding:50px 65px 36px 65px; background:#fff; width:210px; position:fixed; top:50%; left:50%; margin-left:-170px; z-index:999; margin-top:-20px;  display:none;}
.bulletwindow .close{ width:30px; height:30px; text-indent:-9999em; background:url(../img/close.png) no-repeat center center; background-size:30px 30px; position:absolute; right:20px; top:20px;}
.bulletwindow .pic{ text-align:center;}
.bulletwindow .pic img{ display:block; width:100%;}
.bulletwindow .pic p{ font-size:18px; color:#333;}

.article{ background:#fff; padding-top:30px; padding-bottom:40px;}
.article .list>h3{ background:#e7e7e7; height:50px; padding:0 10px; font-size:18px; color:#333; font-weight:normal; line-height:50px;}
.article .list>h3 time{ float:right;}
.article .inner .current{ font-size:16px; color:#333; margin-bottom:15px;}
.article .inner .current a{ font-size:16px; color:#333;}
.article .inner .tabber{ font-size:16px; color:#333;}
.article .inner .tabber b{ font-weight:normal; float:left;}
.article .inner .tabber h4{ margin-left:46px;font-weight:normal;}
.article .inner .tabber h4 span{ padding-right:8px; padding-bottom:10px; display:inline-block;}
.article .inner .tabber h4 span.on{ color:#008ee1;}
.article .inner .list02{ margin-top:20px;}
.article .inner .list02 h3{  background:#e7e7e7; height:50px; padding:0 10px; font-size:18px; color:#333; font-weight:normal; line-height:50px;}
.article .inner .list02 h3 time{ float:right;}
.article .inner .list02 ul li{ padding:20px 0; border-bottom:1px #999 dashed;}
.article .inner .list02 ul li a{ display:block; height:78px; overflow:hidden;}
.article .inner .list02 ul li a .pic{ width:120px; height:78px; float:left;}
.article .inner .list02 ul li a .name{ margin-left:130px;}
.article .inner .list02 ul li a .name h4{ font-weight:normal; font-size:18px; color:#333; line-height:24px;}
.article .inner .list02 ul li a .name h4 span{ display:inline-block; width:770px; overflow:hidden; height:24px; display:inline-block; white-space: nowrap;text-overflow: ellipsis;}
.article .inner .list02 ul li a .name h4 time{ float:right;}
.article .inner .list02 ul li a .name p{ padding-top:6px; line-height:24px; font-size:16px; color:#666; text-align:left; font-weight:normal;}
.article .detail{ width:1260px; overflow:hidden;}
.article .detail .characters h1{ font-size:22px; color:#333;}
.article .detail .characters>p{ font-size:16px; color:#333; padding-top:10px;}
.article .detail .characters>p span{ padding-right:50px;}
.article .detail .characters .intro img{ display:block; line-height:0;}
.article .detail .characters .intro p{ padding-top:20px; text-indent:28px; font-size:14px; color:#333; line-height:28px;}
.article .detail .write{ margin-top:30px;}
.article .detail .write h2{ font-weight:normal; font-size:18px; color:#333; padding-bottom:14px;}
.article .detail .write textarea{ width:1258px; border:1px #333 solid; height:144px; border-radius:10px; font-size:18px; color:#333;}
.article .detail .write h3 input{ display:inline-block; width:150px; height:50px; background:#008ee1; font-size:18px; border:none; border-radius:10px; color:#fff; margin-top:14px;}
.article .detail .comment{ margin-top:30px;}
.article .detail .comment h3{ font-weight:normal; padding-bottom:20px;}
.article .detail .comment h3 span{ font-size:18px; color:#333;}
.article .detail .comment h3 a{ font-size:18px; color:#333; float:right;}
.article .detail .comment ul li{ border-top:1px #999 dashed; padding:22px 0;}
.article .detail .comment ul li .pic{ height:80px; line-height:80px; margin-bottom:18px;}
.article .detail .comment ul li .pic span{ display:inline-block; width:80px; height:80px; float:left;}
.article .detail .comment ul li .pic span img{ display:block; width:80px; height:80px; border-radius:50%;}
.article .detail .comment ul li .pic b{ font-weight:normal; font-size:18px; color:#333; margin-left:10px;}
.article .detail .comment ul li .pic time{ font-size:18px; color:#333; float:right;}
.article .detail .comment ul li p{ font-size:14px; color:#333;}

.article .detail .next{ margin-top:30px; position:relative; height:208px;}
.article .detail .next a{ display:block; font-size:18px; color:#333; padding-bottom:10px;}
.article .detail .next .wechat{ width:208px; height:208px; position:absolute; right:0px; top:-50px; text-align:center; font-size:18px; color:#333; z-index:99;}
.article .detail .next .wechat img{ display:block; height:208px; width:208px;}

.page{ padding-top:30px;}
.page a{ display:inline-block; width:78px; height:38px; border:1px #999 solid; border-radius:10px; margin-right:16px;text-align:center; line-height:38px; font-size:14px; color:#333;}
.page a:last-child{ margin-right:0; }

.contact{ width:100%; position:relative; overflow:hidden;}
.contact .inner .pic img{ width:auto; display:block; height:678px; width:100%;}
.contact .inner{ width:1260px; background:#fff; position:absolute; left:50%; margin-left:-630px; top:120px;}
.contact .inner .left{ width:644px; border-right:1px #999 dashed; padding:0 75px 20px 30px; float:left;}
.contact .inner .left h1{ border-bottom:1px #999 dashed; padding:20px 0; text-align:center; font-weight:normal; font-size:28px; color:#333; margin-bottom:42px;}
.contact .inner .left p{ font-size:16px; color:#333; line-height:32px;}
.contact .inner .right{ width:404px;padding:0 53px 27px 53px; float:left;}
.contact .inner .right h1{ border-bottom:1px #999 dashed; padding:20px 0; text-align:center; font-weight:normal; font-size:28px; color:#333; margin-bottom:30px;}
.contact .inner .right p{ padding-bottom:15px;}
.contact .inner .right p span{ font-size:18px; color:#333; float:left;}
.contact .inner .right p span img{ display:inline-block; width:28px; height:28px; float:left; padding-right:4px;}
.contact .inner .right p b{ font-weight:normal; font-size:18px; color:#333; display:block;}
.contact .inner .right .form h2{ font-weight:normal; padding-bottom:13px;}
.contact .inner .right .form h2 span{ font-size:18px; color:#333;}
.contact .inner .right .form h2 span img{ display:inline-block; width:28px; height:28px; float:left; padding-right:4px;}
.contact .inner .right .form textarea{ width:402px; border:1px #999 solid; height:82px; font-size:18px; color:#333;}
.contact .inner .right .form h3{ font-weight:normal; margin-top:20px;}
.contact .inner .right .form h3 input{ width:404px; height:50px; background:#008ee1; font-size:18px; color:#fff; border:none;}